<template>
    <div class="wrapper-out" >
        <van-nav-bar
            title="设置"
            left-arrow
            @click-left="onClickLeft"
            />
        <p @click="edit">修改密码</p>

        <van-button type="warning" class="btn" @click="out">退出登录</van-button>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods:{
            onClickLeft(){
                this.$router.go(-1)
            },
            edit(){
                this.$router.push('/editPassword')
            },
            out(){
                localStorage.removeItem('token')
                this.$router.push('/')
            }
        }
    }
</script>

<style lang="scss" scoped>
.wrapper-out{
    background:#fff;
    p{
        width: 100%;
        font-size: .4rem;
        box-sizing: border-box;
        padding: .3rem;
    }
    .btn{
        width:100%;
        margin-top: .3rem;
    }
}
</style>